<template>
	<div class="flex flex-col box-border fix-page">
		<div class="flex-auto h-1 overflow-auto">
			<div>
				<!-- <zk-calendar :show="true"  :showTitle="false" rowHeight="50" :showSubtitle="false"></zk-calendar> -->
			</div>
			<div>
				<u-cell-group>
						<u-cell icon="setting-fill" title="个人设置"></u-cell>
						<u-cell icon="setting-fill" title="个人设置"></u-cell>
						<u-cell icon="setting-fill" title="个人设置"></u-cell>
						<u-cell icon="integral-fill" title="会员等级" value="新版本"></u-cell>
					</u-cell-group>
				<div>
					<div class="bg-red-500 w-1/2">{{title}}</div>
				</div>
				<div class="p-2 space-y-2">
					<div v-for="(item,index) in 10" :key="index">
						<u-button type="primary" text="确定"></u-button>
					</div>
				</div>
			</div>
			
		</div>
		<div class="">
			<u-tabbar
				:value="tabIndex"
				@change="change1"
				:fixed="false"
				:placeholder="false"
				:safeAreaInsetBottom="true"
			>
				<u-tabbar-item text="首页" icon="home" @click="click1" ></u-tabbar-item>
				<u-tabbar-item text="放映厅" icon="photo" @click="click1" ></u-tabbar-item>
				<u-tabbar-item text="直播" icon="play-right" @click="click1" ></u-tabbar-item>
				<u-tabbar-item text="我的" icon="account" @click="click1" ></u-tabbar-item>
			</u-tabbar>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				tabIndex:0,
			}
		},
		onLoad() {

		},
		methods: {
			change1(index){
				this.tabIndex = index;
			},
			click1(e){
				console.log('click1', e);
			}
		}
	}
</script>

<style>

</style>